<template>
    <div>
        <van-sticky>
            <div class="search">
                <div class="logoWrap">
                <img src="../assets/image/xizhilang.jpg">
            </div>
            <!-- focus输入框获得焦点时触发 -->
            <van-search @focus="$router.push('/home/index/search')" placeholder="请输入搜索关键词"/>
            </div>
        </van-sticky>

        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>

        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br><router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>

        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br><router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>

        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br><router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        <router-link to="/goodslist">商品列表</router-link><br>
        <router-link to="/order">我的订单</router-link><br>
        
        
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "../assets/scss/var.scss";

.search {
  display: flex;
  align-items: center;
  .logoWrap {
    width: 50px;
    height: 54px;
    padding: 5px 5px;
    img {
      // width: 100%;
      height: 46px;
    }
  }
  .van-search{
      flex: 1;
  }
}
</style>